<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><!--优先使用IE最高版或谷歌-->
    <meta name="renderer" content="webkit"><!--360浏览器兼容-->
    <title></title>
	<link rel="stylesheet" type="text/css" href="PC/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="PC/css/useman.css">
</head>
<body>
	<div class="bus_box">
		<div class="bus_msg">
			<a class="JJDqi" id="JJDqi">
				<div class="msg_img fl">
					<img src="PC/images/laba.svg">
				</div>
				<div class="msg_text fl">
					<p>
						消息通知：&nbsp;&nbsp;您有<em id="exp_num">*</em>个客户即将到期
					</p>
				</div>
			</a>
		</div>
		<div class="bus_main">
			<div class="tab_hea">
				<h4 style="margin-top: 15px;">用户管理</h4>
				<hr>
				<div class="tab_hea_box thb1">
					<label>帐号</label>
					<input type="text" class="form-control" id="username_lbt"/>
				</div>
				<div class="tab_hea_box thb2">
					<label>手机号</label>
					<input type="text" class="form-control" id="mobile_lbt"/>
				</div>
				<div class="tab_hea_box thb3">
					<label>起止时间
						<input type="date" class="datetime-local" id="start_date_lbt" name="" value="" min="2017-09-16" max="2019-09-26"/>
					</label>
					<label>—
						<input type="date" class="datetime-local" id="end_date_lbt" name="" value="" min="2017-09-16" max="2019-09-26"/>
					</label>
				</div>
				
				<div class="tab_hea_box thb4">
					<label style="">账户状态</label>
					<select class="selectpicker" id="expired_at_lbt">
						<option value="0">默认全部</option>
						<option value="3">即将到期</option>
						<option value="2">已到期</option>
						<option value="1">未到期</option>                        
					</select>
					<input class="selectpicker select_input" id="btn_cxlb" type="button" name="" value="查询">
				</div>
				<div class="tab_hea_box thb5">
					<input class="selectpicker select_input btn_tjyh" type="button" name="" value="添加用户">
					<input class="selectpicker select_input btn_pltj" type="button" name="" value="批量添加">
					<input class="selectpicker select_input btn_plsc" type="button" name="" value="批量删除" id="a">
					<input class="selectpicker select_input btn_plxf" type="button" name="" value="批量续费">
				</div>

				<br>
				<p>注：如果没有选择时间范围，默认查询本月的记录</p>
			</div>
			<table class="table table-hover table-bordered mt22">
				<thead>
					<tr>
						<th class="th_0"></th>
						<th>所属代理</th>
						<th>账号</th>
						<th>密码</th>
						<th>手机号</th>
						<th class="th_6">链接数</th>
						<th>帐号类型</th>
						<th>套餐类型</th>
						<th class="th_9">创建时间</th>
						<th class="th_10">到期时间</th>
						<th class="th_12">状态</th>
						<th>速度(kb/s)</th>
						<th class="th_14">操作</th>
					</tr>
				</thead>
				<tbody id="tbod_li"></tbody>
			</table>
<!-- 			<div class="pag_box">
				<ul class="pagination">
					<li><a href="#">首页</a></li>
					<li><a href="#">上一页</a></li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">···</a></li>
					<li><a href="#">97</a></li>
					<li><a href="#">98</a></li>
					<li><a href="#">99</a></li>
					<li><a href="#">下一页</a></li>
					<li><a href="#">尾页</a></li>
				</ul>
			</div> -->
		</div>
		<div class="pos_fixm_xg" style="">
			<form>
				<h5>帐号编辑</h5>
				<div id="xg_x" class="pos_fixm_xx">
					<img src="PC/images/guanbi.svg">
				</div>
				<hr>
				<div class="row">
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								帐号：
							</label>
							<input type="text" class="form-control" required="required" id="username_xg">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								密码：
							</label>
							<input type="text" class="form-control" required="required" id="password_xg">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					@if(Session::get(Config::get('custom.setting.MEMBER_ROLE_ID')) == 1)
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								速度：
							</label>
							<input type="text" class="form-control" required="required" id="speed_xg">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					@endif
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								套餐类型：
							</label>
							<div class="radio">
								<label class="">
									<input class="set_meal_type_xg_cla2" type="radio" name="set_meal_type_xg" id="set_meal_type_xg" value="2">基础
								</label>
								<label class="">
									
									<input class="set_meal_type_xg_cla3" type="radio" name="set_meal_type_xg" id="set_meal_type_xg" value="3">高级
									
								</label>
							</div>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								备注：
							</label>
							<textarea class="form-control w200_h115" rows="3"  maxlength="100" id="remark_xg"></textarea>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group fr">
							<input id="xg_sub" class="pos_fixm_bc" type="button" name="" value="保存">
							<input id="xg_q" class="pos_fixm_qx" type="button" name="" value="取消">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
				</div><!-- /.row -->
			</form>
		</div>



		<div class="pos_fixm_xf" style="">
			<form>
				<h5>帐号续费<span id="test"></span></h5>
				<div id="xf_x" class="pos_fixm_xx">
					<img src="PC/images/guanbi.svg">
				</div>
				<hr>
				<div class="row">
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								天数：
							</label>
							<input type="text" class="form-control" required="required" maxlength="4" onkeyup="this.value=this.value.replace(/\D/g,'')" id="date_xf" style="width: 60px;" value="1">
							<select id="date_type_xf" style="height: 24px;">
								<option value="日">日</option>
								<option value="周">周</option>
								<option value="月">月</option>
								<option value="季">季</option>
								<option value="年">年</option>
							</select>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								金额：
							</label>
							<input type="text" class="form-control" required="required" maxlength="6" onkeyup="this.value=this.value.replace(/\D/g,'')" id="order_price_xf">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								流水号：
							</label>
							<input type="text" class="form-control" id="serial_number_xf" disabled >
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								联系方式：
							</label>
							<input type="text" class="form-control" required="required"  maxlength="18" id="contact_information_xf">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								支付方式：
							</label>
							<div class="radio">
								<label>
									<input type="radio" name="pay_type_xf" id="" value="支付宝" checked>支付宝
								</label>
								<label>
									<input type="radio" name="pay_type_xf" id="" value="微信">微信
								</label>
								<label>
									<input type="radio" name="pay_type_xf" id="" value="其他">其他
								</label>
							</div>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								备注：
							</label>
							<textarea class="form-control w200_h115" rows="3"  maxlength="100" id="remark_xf"></textarea>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group fr">
							<input id="xf_sub" class="pos_fixm_bc" type="button" name="" value="保存">
							<input id="xf_q" class="pos_fixm_qx" type="button" name="" value="取消">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
				</div><!-- /.row -->
			</form>
		</div>





		<div class="pos_fixm_sc" style="">
			<h5 style="color: #ff0018;">删除提示</h5>
			<div id="sc_x" class="pos_fixm_xx">
				<img src="PC/images/guanbi.svg">
			</div>
			<hr>
			<br>
			<div class="row">
				<div class="col-lg-6">
					<p>请确认是否删除，一经删除则不可恢复</p>
				</div>
			</div><!-- /.row -->
			<div class="input-group fr sc_sbuqbox">
				<input id="sc_sub" class="pos_fixm_bc" type="button" name="" value="确认">
				<input id="sc_q" class="pos_fixm_qx" type="button" name="" value="取消">
			</div><!-- /input-group -->
		</div>





		<div class="pos_fixm_tjyh" style="">
			<form>
				<h5>添加用户</h5>
				<div id="tjyh_x" class="pos_fixm_xx">
					<img src="PC/images/guanbi.svg">
				</div>
				<hr>
				<div class="row">
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								用户名：
							</label>
							<input type="text" class="form-control" required="required" id="username" onKeyUp="value=value.replace(/[\W]/g,'')" minlength="3" maxlength="16">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								密码：
							</label>
							<input type="text" onKeyUp="value=value.replace(/[\W]/g,'')" minlength="3" maxlength="18" class="form-control" required="required" id="password">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								连接数：
							</label>
							<input type="text" class="form-control" required="required" maxlength="4" onkeyup="this.value=this.value.replace(/\D/g,'')" id="concent_num" value="1">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								套餐类型：
							</label>
							<div class="radio">
								<label>
									<input type="radio" name="set_meal_type" id="" value="2" checked>基础
								</label>
								<label>
									<input type="radio" name="set_meal_type" id="" value="3">高级
								</label>
							</div>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								帐户类型：
							</label>
							<div class="radio">
								<label>
									<input type="radio" name="account_type" id="" value="付费" checked>付费
								</label>
								<label>
									<input type="radio" name="account_type" id="" value="测试">测试
								</label>
							</div>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								天数：
							</label>
							<input type="text" class="form-control" required="required" maxlength="4" onkeyup="this.value=this.value.replace(/\D/g,'')" id="date" style="width: 60px;" value="1">
							<select id="date_type" style="height: 24px;">
								<option value="日">日</option>
								<option value="周">周</option>
								<option value="月">月</option>
								<option value="季">季</option>
								<option value="年">年</option>
							</select>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								订单金额：
							</label>
							<input type="text" class="form-control" maxlength="6" onkeyup="this.value=this.value.replace(/\D/g,'')" required="required" id="order_price">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								流水号：
							</label>
							<input type="text" class="form-control" id="serial_number" disabled value="">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								联系方式：
							</label>
							<input type="text" class="form-control" maxlength="18" required="required" id="contact_information">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								支付方式：
							</label>
							<div class="radio">
								<label>
									<input type="radio" name="pay_type" id="" value="支付宝" checked>支付宝
								</label>
								<label>
									<input type="radio" name="pay_type" id="" value="微信">微信
								</label>
								<label>
									<input type="radio" name="pay_type" id="" value="其他">其他
								</label>
							</div>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								备注：
							</label>
							<textarea class="form-control w200_h115" rows="3"  maxlength="100" id="remark" ></textarea>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<span>金额：
							<label class="input-group-btn">￥<em id="tjyh_je">0</em></label>
						</span>
						<div class="input-group fr">
							<input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
							<input id="tjyh_sub" class="pos_fixm_bc" type="button" name="" value="保存">
							<input id="tjyh_q" class="pos_fixm_qx" type="button" name="" value="取消">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
				</div><!-- /.row -->
			</form>
		</div>




		<div class="pos_fixm_pltj" style="">
			<form>
				<h5>批量添加</h5>
				<div id="pltj_x" class="pos_fixm_xx">
					<img src="PC/images/guanbi.svg">
				</div>
				<hr>
				<div class="row">
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								用户名：
							</label>
							<input type="text" class="form-control" required="required" id="username_pltj" onKeyUp="value=value.replace(/[\W]/g,'')" minlength="3" maxlength="16">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								密码：
							</label>
							<input type="text" onKeyUp="value=value.replace(/[\W]/g,'')" minlength="3" maxlength="18" class="form-control" required="required" id="password_pltj">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								连接数：
							</label>
							<input type="text" class="form-control" required="required" maxlength="4" onkeyup="this.value=this.value.replace(/\D/g,'')" id="concent_num_pltj" value="1">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								套餐类型：
							</label>
							<div class="radio">
								<label>
									<input type="radio" name="set_meal_type_pltj" id="" value="2" checked>基础
								</label>
								<label>
									<input type="radio" name="set_meal_type_pltj" id="" value="3">高级
								</label>
							</div>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								帐户数量：
							</label>
							<input type="text" class="form-control" required="required" maxlength="4" onkeyup="this.value=this.value.replace(/\D/g,'')" id="batch_add_num_pltj" value="1">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								天数：
							</label>
							<input type="text" class="form-control" required="required" maxlength="4" onkeyup="this.value=this.value.replace(/\D/g,'')" id="date_pltj" style="width: 60px;" value="1">
							<select id="date_type_pltj" style="height: 24px;">
								<option value="日">日</option>
								<option value="周">周</option>
								<option value="月">月</option>
								<option value="季">季</option>
								<option value="年">年</option>
							</select>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								订单金额：
							</label>
							<input type="text" class="form-control" maxlength="6" onkeyup="this.value=this.value.replace(/\D/g,'')" required="required" id="order_price_pltj">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								流水号：
							</label>
							<input type="text" class="form-control" id="serial_number_pltj" disabled value="">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								联系方式：
							</label>
							<input type="text" class="form-control" maxlength="18" required="required" id="contact_information_pltj">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								支付方式：
							</label>
							<div class="radio">
								<label>
									<input type="radio" name="pay_type_pltj" id="" value="支付宝" checked>支付宝
								</label>
								<label>
									<input type="radio" name="pay_type_pltj" id="" value="微信">微信
								</label>
								<label>
									<input type="radio" name="pay_type_pltj" id="" value="其他">其他
								</label>
							</div>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								备注：
							</label>
							<textarea class="form-control w200_h115" rows="3"  maxlength="100" id="remark_pltj" ></textarea>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<span>金额：
							<label class="input-group-btn">￥<em id="tjyh_je_pltj">0</em></label>
							</span>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group fr">
							<input id="pltj_sub" class="pos_fixm_bc" type="button" name="" value="保存">
							<input id="pltj_q" class="pos_fixm_qx" type="button" name="" value="取消">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
				</div><!-- /.row -->
			</form>
		</div>

		<div class="pos_fixm_plsc" style="">
			<h5 style="color: #ff0018;">批量删除提示</h5>
			<div id="plsc_x" class="pos_fixm_xx">
				<img src="PC/images/guanbi.svg">
			</div>
			<hr>
			<br>
			<div class="row">
				<div class="col-lg-6">
					<p>请确认是否删除选中的帐号，一经删除则不可恢复</p>
				</div>
			</div><!-- /.row -->
			<div class="input-group fr sc_sbuqbox">
				<input id="plsc_sub" class="pos_fixm_bc" type="button" name="" value="确认">
				<input id="plsc_q" class="pos_fixm_qx" type="button" name="" value="取消">
			</div><!-- /input-group -->
		</div>



		<div class="pos_fixm_plxf" style="">
			<form>
				<h5>帐号批量续费</h5>
				<div id="plxf_x" class="pos_fixm_xx">
					<img src="PC/images/guanbi.svg">
				</div>
				<hr>
				<div class="row">
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								天数：
							</label>
							<input type="text" class="form-control" required="required" maxlength="4" onkeyup="this.value=this.value.replace(/\D/g,'')" id="date_plxf" style="width: 60px;" value="1">
							<select id="date_type_plxf" style="height: 24px;">
								<option value="日">日</option>
								<option value="周">周</option>
								<option value="月">月</option>
								<option value="季">季</option>
								<option value="年">年</option>
							</select>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								金额：
							</label>
							<input type="text" class="form-control" id="order_price_plxf" required="required">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								流水号：
							</label>
							<input type="text" class="form-control" id="serial_number_plxf" disabled >
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								支付方式：
							</label>
							<div class="radio">
								<label>
									<input type="radio" name="optionsRadios" id="" value="" checked>支付宝
								</label>
								<label>
									<input type="radio" name="optionsRadios" id="" value="">微信
								</label>
								<label>
									<input type="radio" name="optionsRadios" id="" value="">其他
								</label>
							</div>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group">
							<label class="input-group-btn">
								备注：
							</label>
							<textarea class="form-control w200_h115" rows="3"  maxlength="100"></textarea>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<br>
					<div class="col-lg-6">
						<div class="input-group fr">
							<input id="plxf_sub" class="pos_fixm_bc" type="button" name="" value="保存">
							<input id="plxf_q" class="pos_fixm_qx" type="button" name="" value="取消">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
				</div><!-- /.row -->
			</form>
		</div>
	</div>

<script type="text/javascript" src="PC/js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="PC/js/useman.js"></script>
</body>
</html>